<template>
  <div class="app-container">
<template>
  <div class="app-container">
    <el-form label-width="120px">
      <el-form-item label="医院名称">
        <el-input v-model="hospset.hosname"/>
      </el-form-item>
      <el-form-item label="医院编号">
        <el-input v-model="hospset.hoscode"/>
      </el-form-item>
      <el-form-item label="api地址">
        <el-input v-model="hospset.apiUrl"/>
      </el-form-item>
      <el-form-item label="联系人">
        <el-input v-model="hospset.contactsName"/>
      </el-form-item>
      
      <el-form-item label="电话">
        <el-input v-model="hospset.contactsPhone"/>
      </el-form-item>

      <el-form-item>
        <el-button :disabled="saveBtnDisabled" type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>

    </el-form>

  </div>
</template>

 </div>
</template>

</div>
</template>

<script>
import hosp from "@/api/hosp" 

export default {
  
  data() {
    return {
      saveBtnDisabled:false,//是否禁用保存按钮
     hospset:{},//医院设置的信息
    };
  },
  created() {
    //通过传入的参数id,判断当前是添加还是修改
    this.hospset.id=this.$route.params.id;
    if(this.hospset.id){
      //有传递  坐修改操作.首先数据回显
      this.fetchData();
    }
  },
  methods: {
    //添加功能  修改功能
    saveOrUpdate(){
        this.saveBtnDisabled=true;
    //判断添加还是修改功能
    if(this.hospset.id){
this.update();
    }else{
      //执行添加
      this.save();
    }
     }, 
    
    save(){
    //执行添加的ajax 请求
        hosp.add(this.hospset).then((reponse)=>{
          this.$message.success("添加成功");
          //使用路由跳转到列表页面
          this.$router.push("/yygh/hospset/list")
        });
    },
    //执行修改的请求
    update(){
        hosp.updateById(this.hospset).then((reponse)=>{
          this.$message.success("修改成功");
          //使用路由跳转到列表页面
          this.$router.push("/yygh/hospset/list")
        })
    },
    //获取数据
    fetchData() {
      hosp.getById(this.hospset.id).then((reponse)=>{
        this.hospset=reponse.data.item;
      })
    }
  }
}
</script>
